<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../favicon.ico" />
    <meta name="description" content="专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">
    <meta name="keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,">
    <title>首页</title>
</head>
<body>
    <div class="web">
    <!--    这是头部    -->
            <header>
                <div class="box">
                    <div class="logo">
                        <h1>
                            <a href="./product.html"><img src="../img/logo.png" alt="团购"></a>
                        </h1>
                    </div>
                    <div class="search">
                        <input type="text" placeholder="请输入商品的名称">
                        <span class="iconfont icon-sousuo"></span>
                    </div>
                    <div class="city">
                        <span class="iconfont icon-xiala"></span>
                        <select name="city">
                            <option value="volvo">上海市</option>
                            <option value="saab">北京市</option>
                            <option value="fiat" selected>广州市</option>
                            <option value="audi">深圳市</option>
                        </select>
                    </div>
                </div>
            </header>
    <!--    这是主题部分    -->
        <main>
            <div class="box">
                <div class="food">
                    <img src="../img/food.png" alt="">
                </div>
                <div class="buy clearfix">
                    <div class="buy_left fl">
                        <span class="iconfont icon-hua hue"></span>
                        <span>优惠团购</span>
                    </div>
                    <div class="buy_right fr">
                        <span>更多</span>
                        <span class="iconfont icon-more hue"></span>
                    </div>
                </div>
                <div class="adv">
                    <div class="act">
                        <div class="out">
                            <img src="../img/sound.png" alt="">
                        </div>
                        <div class="out">
                            <img src="../img/public.png" alt="">
                        </div>
                        <div class="out">
                            <img src="../img/dial.png" alt="">
                        </div>
                        <div class="out">
                            <img src="../img/out.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="buy clearfix">
                    <div class="buy_left fl">
                        <span class="iconfont icon-aixin hue"></span>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="buy_right fr">
                        <span>更多</span>
                        <span class="iconfont icon-more hue"></span>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/soshi.png" alt="">
                    </div>
                    <div class="text">
                        <p>万岁寿司（正佳店）</p>
                        <p>[100店通用]
                        <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/zhou_hei_ya.png" alt="">
                    </div>
                    <div class="text">
                        <p>周黑鸭（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/soshi.png" alt="">
                    </div>
                    <div class="text">
                        <p>万岁寿司（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/zhou_hei_ya.png" alt="">
                    </div>
                    <div class="text">
                        <p>周黑鸭（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/soshi.png" alt="">
                    </div>
                    <div class="text">
                        <p>万岁寿司（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/zhou_hei_ya.png" alt="">
                    </div>
                    <div class="text">
                        <p>周黑鸭（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/soshi.png" alt="">
                    </div>
                    <div class="text">
                        <p>万岁寿司（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="store">
                    <div class="img">
                        <img src="../img/zhou_hei_ya.png" alt="">
                    </div>
                    <div class="text">
                        <p>周黑鸭（正佳店）</p>
                        <p>[100店通用]
                            <span>双人套餐</span></p>
                        <p class="hue">&yen;88.00</p>
                    </div>
                    <div class="adrees">
                        <span>&lt;  100m</span>
                        <p>已售1000</p>
                    </div>
                </div>
            </div>
        </main>
    <!--    这是尾部    -->
        <footer>
            <div class="menu">
                <div class="box">
                    <div class="home">
                        <a href="./index.html" class="iconfont icon-shouye"></a>
                        <p>首页</p>
                    </div>
                    <div class="home">
                        <a href="./classify.html" class="iconfont icon-fenlei"></a>
                        <p>分类</p>
                    </div>
                    <div class="home">
                        <a href="./find.html" class="iconfont icon-faxian"></a>
                        <p>发现</p>
                    </div>
                    <div class="home">
                        <a href="./personal.html" class="iconfont icon-wode"></a>
                        <p>我的</p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>